
body
{
    background:#e9eba2;
    font-family:Trebuchet MS;
}

.game, .gameWon ,.gameLoss, .gameNoPick, .gameInProgress, .gameWinning, .gameLosing
{
    float:left;
	position:relative;
	left:-50%;
	border-style:solid;
    border-width:medium;
    border-color:Black;
    
}

.inner-center {
   float:left;
	position:relative;
	left:50%;
	
}

.checkButton
{
    display:inline-block;
}

.picks, .team, .gameInfo, .pickButton,.picked, .losingScore, .winningScore, .teamGameDetail
{
    display:inline-block;
    vertical-align: middle;
    height:100%;
}

.gameInfo
{
    height:141px;
    padding: 0px 5px;
    width:91px;
}
.picks
{
    
}

.team
{
  width:100px;
}
 .record, .teamName, .team
{
   text-decoration: none;
   color:black;
}

.checkbutton
{

}

.game, .gameLoss, .gameWon, .gameNoPick,.gameInProgress,.gameWinning,.gameLosing
{
 
    background: rgb(249,252,247); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,252,247,1)), color-stop(100%,rgba(245,249,240,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 ); /* IE6-9 */
    max-width:821px;
}

.gameWon .picked, .gameWinning .picked
{
    background-color: rgba(0,200,0,.5); 
    border-radius:30px;
    box-shadow: 0px 0px 55px 5px rgba(0,200,0,1);
}

.gameLoss .picked, .gameLosing .picked
{
    background-color: rgba(225,0,0,.5); 
    border-radius:30px;
    box-shadow: 0px 0px 55px 5px rgba(225,0,0,1);
}

.inline
{
    display:inline; 
}

.score, .winningScore, .losingScore
{
    font-weight:bold;
    border-style:solid;
    border-width:thick;
    border-color:Black;
    font-size:xx-large;
    background:white;
    text-align: center;
    vertical-align:center;
    height:40px;
    width:40px;
    
}

 .record, .teamName, .gameStatus, .vs, .date, .gameDetail, .teamImage, .score, .hasPos, .pos
{
        display:block;
        text-align:center;
        margin:0px auto;
}



.record
{
    font-size:medium;

}
.teamName
{
    font-weight:bold;
    font-size:large;
}

.pickButton
{
  border:none;
  background:url(notcheckmark.png) 0 0;
}

.hasPos
{
    
    border:none;
  background:url(Football.png) 0 0;
}

.hasPos, .pos
{
    width:32px;
    height:32px;

}
.gameStatus
{
   font-weight:bold;
   font-size:large; 

   border-width:medium;
   background-color:white;   
   vertical-align:top;
}
.game .pickButton:hover, .picked
{
  background:url(checkmark.png) 0 0;
 
 
}
.game .pickButton:hover
{
     cursor:pointer;
}

.pickButton,.picked
{
    height:64px;
    width:64px;
     border: none;
  background-color:none;  
}



.header, .headerRed
{
    color:White;
    font-weight:bold;
    font-size:x-large;
    border-bottom-style:outset;
    border-bottom-width:thick;
    border-bottom-color:Black;
    text-align:center;
    margin:0;
}







#weeks, .headerRed
{
    background: #6d0019; /* Old browsers */
    background: -moz-linear-gradient(top,  #6d0019 0%, #8f0222 56%, #a90329 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d0019), color-stop(56%,#8f0222), color-stop(100%,#a90329)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6d0019 0%,#8f0222 56%,#a90329 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6d0019 0%,#8f0222 56%,#a90329 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6d0019 0%,#8f0222 56%,#a90329 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6d0019 0%,#8f0222 56%,#a90329 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#a90329',GradientType=0 ); /* IE6-9 */
}

#seasons
{
    background: #f0b7a1; /* Old browsers */
    background: -moz-linear-gradient(top, #f0b7a1 0%, #8c3310 50%, #752201 51%, #bf6e4e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b7a1), color-stop(50%,#8c3310), color-stop(51%,#752201), color-stop(100%,#bf6e4e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 ); /* IE6-9 */
}

#weeks, #mainMenu, .games, #seasons
{
    border-style:solid;
    border-width:medium;
    border-color:Black;
}

#mainMenu
{
 height:40px;
}

#mainMenu, .header
{
    background: rgb(14,14,14); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(125,126,125,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#7d7e7d',GradientType=0 ); /* IE6-9 */

}

#rankings
{
     float:left;
     display:inline-block;
     width:30%;			/* right column content width (right column width minus left and right padding) */
}


#rankings .header
{
    border-bottom:none;
}


.games
{
     background: rgb(179,190,173); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(179,190,173,1) 0%, rgba(223,229,215,1) 60%, rgba(252,255,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(179,190,173,1)), color-stop(60%,rgba(223,229,215,1)), color-stop(100%,rgba(252,255,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(179,190,173,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(179,190,173,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(179,190,173,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(179,190,173,1) 0%,rgba(223,229,215,1) 60%,rgba(252,255,244,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3bead', endColorstr='#fcfff4',GradientType=0 ); /* IE6-9 */

}



.games, #rankings{
	float:left;
}

.games
{
  width:100%;			/* left column content width (left column width minus left and right padding) */
  /*min-width:800px;*/
  position:relative;
}


#content
{
 background-color:teal;
 margin:0px auto;
 
}

#page
{
 margin:0px auto;
 width:100%;
 min-width:960px;
 max-width:960px;

}

.teamImage
{
    margin:0px auto;
    width:80%;
    background-color:Black;
}


#rankingsByGame
{
   margin:0px auto; 
}
#rankingsByGame, #rankingsByWeek
{
    margin:0 auto;
    display:block;
    width:50%;
     margin-top:5px;
}

#rankingsByGame, #rankingsByWeek, #rankings
{
    border:1px solid black;
}
.body
{
width:100%;
}

.weeksHeader
{
    color:White;
    height:40px;
    padding: 0px 10px;
    line-height: 40px;
    display:inline-block;
    margin:-5px 0px 0px 0px;
    font-size:x-large;
    font-weight:bold;
    vertical-align:middle;
}


.weeksHeader
{
background: none;
    
}
 .week
{
    background:none;
}
.weeksNumbers
{
    display:inline-block;
}



.selectedWeek, .selectedSeason
{
background: #7d7e7d; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.week, .selectedWeek, .season, .selectedSeason
{
    display:inline-block;
    width:40px;
    height:40px;
    border-radius:20px;
    font-size:20px;
    color:#fff;
    line-height:40px;
    text-align:center;
    text-decoration: none;
    font-size:large;
    font-weight:bold;
}

.season, .selectedSeason
{
    margin: 0px 5px;
}



.week:hover
{
    background: rgb(243,197,189); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(243,197,189,1) 0%, rgba(232,108,87,1) 50%, rgba(234,40,3,1) 51%, rgba(255,102,0,1) 75%, rgba(199,34,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(243,197,189,1)), color-stop(50%,rgba(232,108,87,1)), color-stop(51%,rgba(234,40,3,1)), color-stop(75%,rgba(255,102,0,1)), color-stop(100%,rgba(199,34,0,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

.logOut,.rankings
{
    border:none;
    color:White;
    height:40px;
    margin:0px 10px;
    font-size:x-large;
    font-weight:bold;
    background:none; 
}

.logOut
{
    float:right;
}


.logOut:hover, .rankings:hover
{
    cursor:pointer;
    color:Maroon;
}


.mGrid { 
    width: 100%; 
    background-color: #fff; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
    text-align:center;
}
.mGrid td { 
    padding: 2px; 
    border: solid 1px #c1c1c1; 
    color: black; 
}
.mGrid th { 
    padding: 4px 2px; 
    color: #fff; 
    background: black; 
    border-left: solid 1px #525252; 
    font-size: 0.9em; 
}


.winningScore
{
    border-color:green;
    
}

.losingScore
{
    border-color:red;
    
}

.picks
{
    
    font-weight:bold;

    border-style:solid;
    border-color:Black;
    background:white;
    padding:10px;
    width:100px;
    height:120px;
    overflow:auto;
    
}

.picks *
{
    text-align:center;
    margin:0px auto;
}

.spread  
{
    text-align:center;
    margin:0px auto;
    width:200px;
    padding: 0px 5px;

}

.spread h1, .spread p
{
    margin: 0px;
}

#login, #changePassword
{
    background:white;
    border:2px solid black;
    padding:0px;
    font-weight:bold;
    margin:0 auto;
    margin-top:20px;
}

#login table
{
    margin:0px;
}

#login input[type="submit"], #changePassword input[type="submit"]
{
    background: rgb(14,14,14); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(14,14,14,1) 0%, rgba(125,126,125,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(125,126,125,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(14,14,14,1) 0%,rgba(125,126,125,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#7d7e7d',GradientType=0 ); /* IE6-9 */
    color:white;
    width:75px;
    font-weight:bold;
    cursor: pointer;
    font-size:16px;

}

.user
{
  font-weight:bold;
  display: inline;
}
.messagedate
{
    font-size: 10px;
    font-style: italic;
    display: inline;

}
.message
{
    display: inline;

}

.smacktalkMessages
{
    height: 250px;
    overflow-y: scroll;
    border: 1px solid black;
    padding-left: 5px;
    margin:0px;
}


#smacktalk
{
     display:inline-block;
     width:69%;
     background-color: white;
     position:absolute;
     right: 0;
     height: 315px;
}

#rankingsandsmacktalk
{
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 315px;
}

.gamestartmessage, gameendmessage
{
    font-weight: bold;
    font-size:14px;
}

.winnerannounce
{
    font-weight: bold;
    font-size:18px;
    color:Green;
}